<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <title>查看详情页面</title>
    <link rel="stylesheet" href="../js/jqm/jquery.mobile-1.4.5.css"/>
    <link rel="stylesheet" href="../css/public.css"/>
    <link rel="stylesheet" href="../css/the-icon.css">
    <link rel="stylesheet" href="../css/ViewDetails.css">
</head>
<body  ng-app="myApp"  ng-controller="Viewdetails" ng-init="findbook(); findbook2()" >
<div data-role="page" id="page-viewdetails" data-title="查看详情" ng-repeat="s in msg">

    <div data-role="header" data-position="fixed" id="viewDetails-header">    <!--头部-->
        <p data-rel="back" ><span class="iconfont-z bk"  id="back-news" onclick="back12()">&#xe611;</span><span class="header-wenzi-span">查看详情</span>
            <!--<span class="iconfont  shudian">...</span> -->
        </p>
        <!--点赞的图标-->
        <div role="main" id="dianzhan">
            <p class="iconfont dz">&#xe62a;</p>
            <span class="dianzhanshu">4</span>
        </div>
    </div>
    <!--&lt;!&ndash;点赞的图标&ndash;&gt;-->
    <!--<div role="main" id="dianzhan">-->
        <!--<p class="iconfont dz">&#xe62a;</p>-->
        <!--<span class="dianzhanshu">4</span>-->
    <!--</div>-->
<!--会员区-->
    <div role="main" id="users-main"><!--根据上一个页面传来的数据提取人物头像-->
        <div class="user-pic"><img src="../images/viewdetail/us1.png"></div>
        <div class="user-time">
            <p class="us">用户{{s.user_name}}</p>
            <p>{{s.publish_date}}</p>
        </div>
    </div>
    <div role="main" id="food-store"> <!--店铺信息-->
        <div class="food-pic"><p class="food-store-fenxiang">{{s.article_title}}</p></div>
        <div class="food-pic"   ng-repeat="w in msg1" > <img src="../images/public/{{w.image_id}}.jpg"></div>
        <!--<div class="food-pic"><img src="../images/viewdetail/food-p1.png"></div>-->
        <div class=" food-pic jifen">
            <p class="iconfont">作者获得30积分&#xe60a;
           <br><span class="cz">距离再次加分还差2个赞，点赞鼓励一下TA吧</span></p>
        </div>
        <div class="food-pic Comment">
            <p>店铺·Store</p>
        </div>
        <div class="food-pic store-xinxi">
            <p>
                <span>{{s.shop_name}}</span>
            </p>
            <p>消费:{{s.shop_cost}}</p>
            <p>电话：{{s.shop_phone}}</p>
            <p>地址：{{s.shop_address}}
                <span class="iconfont-z map-icon">&#xe623;</span>
            </p>
        </div>
    </div>
<!--评论-->
    <div class="food-pic Comment bg-w1">
        <p>评论·Comment</p>
    </div>
    <div class="bg-w">
        <div class="user-pic pl-u"><img src="../images/viewdetail/us1.png"></div>
        <div class="pls">
            <p>听见问了 <span> 1楼</span></p>

            <p>04-04 10:08</p>

            <p>好了</p>
        </div>
    </div>
    <!--页脚-->
    <div data-role="footer" data-position="fixed" class="footer fotters">
        <div class="ui-grid-b footer-div footers1">
            <div class="ui-block-a iconfont">
                &#xe635;收藏
            </div>
            <div class="ui-block-b iconfont">
                &#xe63c;分享
            </div>
            <div class="ui-block-c iconfont fo-pl">
                &#xe637;评论
            </div>
        </div>
    </div>

</div>
<script src="../js/jqm/jquery-1.11.2.js"></script>
<script src="../js/jqm/jquery.mobile-1.4.5.js"></script>
<script src="../js/jqm/angular1.2.3.js"></script>
<script src="../js/public.js"></script>
<script src="../js/ViewDetails.js"></script>
</body>
</html>